@font-face {
    font-family: wenziCu;
    src: url(https://img121.7dun.com/20230207NewImg/wuxianshang/wenzi90J.ttf) format('truetype');
}

@font-face {
    font-family: BebasNeue;
    src: url(https://img121.7dun.com/newRecommend2/BebasNeue-1.otf) format('truetype');
}

.mask-content.data-v-6f842405 {
    background: url('https://img121.7dun.com/20230207NewImg/wuxianshang/zsBg.png') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    height: calc(100vh - 400rpx);
    margin-top: 588rpx;
    padding: 30rpx 0rpx;
    position: relative;
    width: 100%;
}

.mask-content .close.data-v-6f842405 {
    position: absolute;
    right: 32rpx;
    top: 34rpx;
}

.mask-content .close image.data-v-6f842405 {
    height: 46rpx;
    width: 66rpx;
}

.mask-content .top-tab.data-v-6f842405 {
    left: 0;
    position: absolute;
    top: -36rpx;
}

.mask-content .top-tab .top-button.data-v-6f842405 {
    height: 88rpx;
    padding: 0 80rpx;
    position: relative;
    width: 590rpx;
}

.mask-content .bangdan.data-v-6f842405 {
    height: 770rpx;
    margin-top: 70rpx;
    width: 750rpx;
}

.mask-content .bangdan .bangdan-up.data-v-6f842405 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20rpx;
}

.mask-content .bangdan .bangdan-up .bangdan-shangqi.data-v-6f842405 {
    background: url('https://img121.7dun.com/20230207NewImg/lingzhu/shangqi.png') 100% no-repeat;
    background-size: 100%;
    width: 354rpx;
}

.mask-content .bangdan .bangdan-up .bangdan-shangqi.data-v-6f842405,
.mask-content .bangdan .bangdan-up .shangqiOne.data-v-6f842405 {
    box-sizing: border-box;
    color: #fff;
    font-family: wenziCu;
    font-size: 28rpx;
    height: 76rpx;
    line-height: 76rpx;
    padding-left: 42rpx;
    text-shadow: 0 4rpx #000, 4rpx 0 #000, -4rpx 0 #000, 0 -4rpx #000;
}

.mask-content .bangdan .bangdan-up .shangqiOne.data-v-6f842405 {
    background: url('https://img121.7dun.com/20230207NewImg/lingzhu/shangqiOne.png') 100% no-repeat;
    background-size: 100%;
    width: 414rpx;
}

.mask-content .bangdan .bangdan-up .bangdan-arrow-down.data-v-6f842405 {
    color: #ddd;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 24rpx;
    font-weight: 500;
    margin-right: 32rpx;
    position: relative;
}

.mask-content .bangdan .bangdan-up .bangdan-arrow-down .bangdan-arrow-downOpen .bangdan-arrow-downText.data-v-6f842405 {
    text-align: center;
}

.mask-content .bangdan .bangdan-up .bangdan-arrow-down .bangdan-arrow-downOpen .bangdan-arrow-downText text.data-v-6f842405 {
    height: 23rpx;
    margin-left: 10rpx;
    width: 23rpx;
}

.mask-content .bangdan .bangdan-up .bangdan-arrow-down .bangdan-arrow-downOpen .bangdan-arrow-downBg.data-v-6f842405 {
    background: #232a3c;
    border: 2rpx solid #0e0f0f;
    bottom: -8rpx;
    height: 20rpx;
    position: absolute;
    right: -6rpx;
    width: 98rpx;
    z-index: -1;
}

.mask-content .bangdan .bangdan-shangqi-details.data-v-6f842405 {
    align-items: center;
    background: url('https://img121.7dun.com/20230207NewImg/lingzhu/shangqiOneBg.png') 100% no-repeat;
    background-size: 100% 100%;
    display: flex;
    height: 96rpx;
    margin-left: 32rpx;
    margin-top: 48rpx;
    width: 686rpx;
}

.mask-content .bangdan .bangdan-shangqi-details .bangdan-shangqi-detailsImg.data-v-6f842405 {
    height: 128rpx;
    margin-left: 26rpx;
    margin-right: 32rpx;
    margin-top: -35rpx;
    position: relative;
    width: 146rpx;
}

.mask-content .bangdan .bangdan-shangqi-details .bangdan-shangqi-detailsImg .bangdan-shangqi-ren.data-v-6f842405 {
    height: 73rpx;
    margin-left: 38rpx;
    margin-top: 40rpx;
    width: 73rpx;
}

.mask-content .bangdan .bangdan-shangqi-details .bangdan-shangqi-detailsImg .bangdan-shangqi-tupian.data-v-6f842405 {
    height: 100%;
    position: absolute;
    width: 100%;
}

.mask-content .bangdan .bangdan-shangqi-details .bangdan-shangqi-detailsbangDanObj .bangdan-shangqi-detailsName.data-v-6f842405 {
    color: #fff;
    font-size: 28rpx;
    margin-right: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280rpx;
}

.mask-content .bangdan .bangdan-shangqi-details .bangdan-shangqi-detailsCiShu.data-v-6f842405 {
    color: #242831;
    font-size: 22rpx;
    font-weight: 600;
}

.mask-content .bangdan .bangdan-shangqi-details .bangdan-shangqi-detailsCiShu text.data-v-6f842405 {
    color: #fff;
    font-family: BebasNeue;
    font-size: 56rpx;
    margin: 0 8rpx;
    text-shadow: 0 2rpx #000, 2rpx 0 #000, -2rpx 0 #000, 0 -2rpx #000;
}

.mask-content .bangdan .benqi.data-v-6f842405 {
    background: url('https://img121.7dun.com/20230207NewImg/lingzhu/shangqi.png') 100% no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    color: #fff;
    font-family: wenziCu;
    font-size: 28rpx;
    height: 76rpx;
    line-height: 76rpx;
    margin-top: 50rpx;
    padding-left: 42rpx;
    text-shadow: 0 4rpx #000, 4rpx 0 #000, -4rpx 0 #000, 0 -4rpx #000;
    width: 354rpx;
}

.mask-content .bangdan .bangdan-benqiDown.data-v-6f842405 {
    margin-top: 48rpx;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details.data-v-6f842405 {
    align-items: center;
    background-size: 100% 100%;
    display: flex;
    height: 96rpx;
    margin: 0 auto 18rpx;
    width: 686rpx;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-paiming.data-v-6f842405 {
    align-items: center;
    display: flex;
    height: 106rpx;
    justify-content: center;
    margin-right: 7rpx;
    position: relative;
    width: 102rpx;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-paiming .benqi-details-benqiOne.data-v-6f842405 {
    height: 100%;
    left: -4rpx;
    position: absolute;
    top: -14rpx;
    width: 100%;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-paiming .benqi-details-ranking.data-v-6f842405 {
    margin-bottom: 20rpx;
    margin-right: 14rpx;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-paiming .benqi-details-ranking.data-v-6f842405,
.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-paiming .benqi-details-rankingNo.data-v-6f842405 {
    color: #fff;
    font-family: BebasNeue;
    font-size: 52rpx;
    text-shadow: 0 4rpx #000, 4rpx 0 #000, -4rpx 0 #000, 0 -4rpx #000;
    z-index: 1;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-touxiang.data-v-6f842405 {
    align-items: center;
    border: 4rpx solid #0e0f0f;
    border-radius: 50%;
    display: flex;
    height: 76rpx;
    justify-content: center;
    margin-right: 30rpx;
    width: 76rpx;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-touxiang image.data-v-6f842405 {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-name.data-v-6f842405 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #bbb;
    display: -webkit-box;
    margin-right: 45rpx;
    text-overflow: ellipsis;
    width: 240rpx;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-num.data-v-6f842405 {
    color: #242831;
    font-size: 22rpx;
    font-weight: 600;
}

.mask-content .bangdan .bangdan-benqiDown .benqi-details .benqi-details-num text.data-v-6f842405 {
    color: #fff;
    font-family: BebasNeue;
    font-size: 56rpx;
    margin: 0 8rpx;
    text-shadow: 0 2rpx #000, 2rpx 0 #000, -2rpx 0 #000, 0 -2rpx #000;
}

.mask-content .bangdan-benren.data-v-6f842405 {
    background: url('https://img121.7dun.com/20230207NewImg/lingzhu/bangdanDibu.png') 100% no-repeat;
    background-size: 100% 100%;
    bottom: 252rpx;
    height: 134rpx;
    left: 0;
    position: absolute;
    transform: translateZ(0);
    width: 750rpx;
    z-index: 111;
}

.mask-content .bangdan-benren .benren-bangDanObj.data-v-6f842405 {
    align-items: center;
    background: url('https://img121.7dun.com/20230207NewImg/lingzhu/dibuBg.png') 100% no-repeat;
    background-size: 100% 100%;
    display: flex;
    height: 88rpx;
    margin: 26rpx auto 0;
    width: 686rpx;
}

.mask-content .bangdan-benren .benren-bangDanObj .benren-ranking.data-v-6f842405 {
    color: #9aa1a9;
    font-family: wenziCu;
    font-size: 28rpx;
    margin-left: 20rpx;
    margin-right: 30rpx;
    position: relative;
    text-align: center;
    width: 56rpx;
}

.mask-content .bangdan-benren .benren-bangDanObj .benren-ranking .benren-ranking-benqiOneText.data-v-6f842405 {
    color: #fff;
    font-family: BebasNeue;
    font-size: 52rpx;
    left: 18rpx;
    margin-bottom: 20rpx;
    margin-right: 14rpx;
    position: absolute;
    text-shadow: 0 4rpx #000, 4rpx 0 #000, -4rpx 0 #000, 0 -4rpx #000;
    top: -38rpx;
    z-index: 1;
}

.mask-content .bangdan-benren .benren-bangDanObj .benren-ranking .benren-ranking-benqiOneImg.data-v-6f842405 {
    height: 102rpx;
    left: -24rpx;
    position: absolute;
    top: -60rpx;
    width: 106rpx;
}

.mask-content .bangdan-benren .benren-bangDanObj .benren-img.data-v-6f842405 {
    align-items: center;
    border: 4rpx solid #0e0f0f;
    border-radius: 50%;
    display: flex;
    height: 76rpx;
    justify-content: center;
    margin-right: 30rpx;
    width: 76rpx;
}

.mask-content .bangdan-benren .benren-bangDanObj .benren-img image.data-v-6f842405 {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.mask-content .bangdan-benren .benren-bangDanObj .benren-name.data-v-6f842405 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    margin-right: 46rpx;
    text-overflow: ellipsis;
    width: 240rpx;
}

.mask-content .bangdan-benren .benren-bangDanObj .benren-num.data-v-6f842405 {
    color: #242831;
    font-size: 22rpx;
    font-weight: 600;
}

.mask-content .bangdan-benren .benren-bangDanObj .benren-num text.data-v-6f842405 {
    color: #fff;
    font-family: BebasNeue;
    font-size: 56rpx;
    margin: 0 8rpx;
    text-shadow: 0 2rpx #000, 2rpx 0 #000, -2rpx 0 #000, 0 -2rpx #000;
}
